$(document).ready(function () {
    if ($(window).width() < 768) {
        var $floatingBtn = $('#floatingButtonContainer');

        function checkButtonVisibility() {
            var windowHeight = $(window).height();
            var windowScrollTop = $(window).scrollTop();
            var windowBottom = windowScrollTop + windowHeight;
            var buttonVisible = false;
            var paymentHeaderVisible = false;
            var contactFormVisible = false;

            // Check contact form visibility
            var $contactForm = $('#contact-form');
            if ($contactForm.length && $contactForm.css('display') !== 'none') {
                contactFormVisible = true;
            }

            // Check payment header visibility
            var $paymentHeader = $('h2.text-center:contains("Select Your Payment Method")');
            if ($paymentHeader.length) {
                var headerTop = $paymentHeader.offset().top;
                var headerBottom = headerTop + $paymentHeader.outerHeight();
                if ((headerBottom >= windowScrollTop) && (headerTop <= windowBottom)) {
                    paymentHeaderVisible = true;
                }
            }

            // Check CTA buttons visibility
            $('.cta-btn:not(.float-btn)').each(function () {
                var $button = $(this);
                var buttonTop = $button.offset().top;
                var buttonBottom = buttonTop + $button.outerHeight();
                if ((buttonBottom >= windowScrollTop) && (buttonTop <= windowBottom)) {
                    buttonVisible = true;
                    return false;
                }
            });

            if (buttonVisible || paymentHeaderVisible || contactFormVisible) {
                $floatingBtn.hide();
                console.log("hide");
            } else {
                $floatingBtn.show();
                console.log("show");
            }
        }

        $(window).on('scroll resize', checkButtonVisibility);
        // Also trigger check when contact form display state changes
        $('#contact-form').on('display.changed', checkButtonVisibility);
        checkButtonVisibility();
    }
});